<template>
  <div class="Messages">
    <div class="topheader">
      <div class="Theadermain">
        <div class="headerimg" @click="back">
          <img src="../../../assets/img20.png" width="100%" />
        </div>
        <div>微信积分系统</div>
        <div style="width: 0.5rem; margin-left: 10px"></div>
      </div>
    </div>
    <div class="allmain">
        <div class="main_tImg"><img src="../../../assets/img1.png" alt=""></div>
        <div class="main_title">感谢您的参与！</div>
        <!-- <div class="main_title">系统标题</div>
        <div class="main_time">发布时间：2021.10.11 15:00</div>
        <div>
            <div class="main_titleP">活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容</div>
            <div class="main_tImg"><img src="../../../assets/img1.png" alt=""></div>
            <div class="main_titleP">活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容活动内容</div>
        </div>
        <div class="main_time">审评时间：2021.10.11 15:00</div> -->

    </div>
    <div class="but">
        <el-button>返回主页</el-button>
        <div class="color_i"><i class="el-icon-share"></i>分享</div>
    </div>
  </div>
</template>

<script>
export default {
    name:"thanks",
    methods:{
        back(){
            this.$router.go(-1);//返回上一层
        }
    }

};
</script>

<style scoped>
.topheader {
  width: 100%;
  background-color: black;
}
.Theadermain {
  height: 48px;
  display: flex;
  justify-content: space-between;
  color: #fff;
  align-items: center;
  width: 95%;
  margin: 0 auto;
}
.headerimg {
  width: 0.8rem;
  margin-left: 10px;
  transform: rotate(180deg);
}
.allmain{
    padding: 20px;
    /* border: 1px solid red; */
}
.main_tImg{
    /* border: 1px solid red; */
    display: flex;
    justify-content: center;
    margin:80px 0 20px 0;
}
.main_title{
    font-weight: bold;
    text-align: center;
}
.but{
    /* border: 1px solid red;  */
    text-align: center;
}
.color_i{
    color: #F6A15D;
    padding-top: 10px;
}
</style>